// Initial welcome page. Delete the following line to remove it.
'use strict';
const styles = document.createElement('style');
styles.innerText = `@import url(https://unpkg.com/spectre.css/dist/spectre.min.css);.empty{display:flex;flex-direction:column;justify-content:center;height:100vh;position:relative}.footer{bottom:0;font-size:13px;left:50%;opacity:.9;position:absolute;transform:translateX(-50%);width:100%}`;
const vueScript = document.createElement('script');
vueScript.setAttribute('type', 'text/javascript'), 
vueScript.setAttribute('src', 'https://cdn.jsdelivr.net/npm/vue@2.6.14'), 
vueScript.onload = init, 
document.head.appendChild(vueScript), 
document.head.appendChild(styles);

function init() {
  Vue.config.devtools = false, 
  Vue.config.productionTip = false, 
  new Vue({
    data: {
      versions: {
        electron: process.versions.electron,
        electronWebpack: require('electron-webpack/package.json').version
      }
    },
    methods: {
      open(b) {
        require('electron').shell.openExternal(b)
      }
    },
    template: `<div>
        <div class=empty>
          <p class="empty-title h5">Welcome to your new project!
            <p class=empty-subtitle>Get qwdqwd now and take advantage of the great documentation at hand.
              <div class=empty-action>
                <button @click="open('https://webpack.electron.build')"class="btn btn-primary">Documentation</button> 
                <button @click="open('https://electron.atom.io/docs/')"class="btn btn-primary">Electron</button>
                <br>
                <ul class=breadcrumb>
                  <li class=breadcrumb-item>electron-webpack v{{ versions.electronWebpack }}</li>
                  <li class=breadcrumb-item>electron v{{ versions.electron }}</li>
                </ul>
              </div>
              <p class=footer>This intitial landing page can be easily removed from 
              <code>src/renderer/index.js</code>.
          </p>
        </div>
      </div>`
  }).$mount('#app')
}